<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>上课时间选择</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/course/curriculumSchedule.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<a v-on:click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">上课时间选择</div>
			</div>
			<!--公共头部结束-->
			<div class="class">
				<select name="class-name" id="sid" v-on:change="setSid($event)" class="class-name">
					<option v-for="s in study_list" :value="s.id">{{s.title}}</option>
				</select>
				<select name="teacher-name" id="tid" v-on:change="setTid($event)" class="teacher-name">
					<option v-for="t in teacher_list" :value="t.teacher_id">{{t.teacher_name}}</option>
				</select>
				<!--<span v-on:click="getID()">提交</span>-->
				<p class="class-today">
					请预约<span class="orange">{{time}}</span>的上课时间
				</p>
				<div class="day-tips">
					<span v-bind:class="{ blue: type == 0 }" v-on:click="setType(0)">全部</span>
					<span v-bind:class="{ blue: type == 1 }" v-on:click="setType(1)">上午</span>
					<span v-bind:class="{ blue: type == 2 }" v-on:click="setType(2)">下午</span>
					<span v-bind:class="{ blue: type == 3 }" v-on:click="setType(3)">晚上</span>
				</div>
				<ul class="class-list">
					<li class="class-list-li" v-for="item in study_course_list">
						<div class="class-order-header" v-if="item.lesson != ''">
							<span class="class-order-header-title">{{item.study_course.title}}</span>
							<span class="class-order-header-teacher">{{item.study_course.teacher_name}}</span>
						</div>
						<ul class="class-order">
							<li v-for="i in item.lesson" class="class-order-li">
								<span class="class-order-li-time">{{i.hour}}</span>
								<span class="class-order-li-status" v-if="i.has_apply == 0" v-on:click="orderClass(i.hour, i.study_course_id)">
									未预约
									<i class="class-order-li-i grey fa fa-check-circle"></i>
								</span>
								<span class="class-order-li-status" v-else v-on:click="cacel(i.has_apply)">
									已预约(可取消)
									<i class="fa fa-check-circle red"></i>
								</span>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/course/curriculumSchedule.js" type="text/javascript" charset="utf-8"></script>

</html>